/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

import type {ReactNode} from 'react';
import Layout from '@theme/Layout';
import Heading from '@theme/Heading';
import Cards from '@site/src/pages/infrastructure/_components/Cards';

const TITLE = '开放原子开源基础设施';
const DESCRIPTION = '开放原子开源基金会为推动开源生态发展而构建的关键基础设施与服务';


function Header() {
  return (
    <section className="margin-top--lg margin-bottom--lg text--center">
      <Heading as="h1">{TITLE}</Heading>
      <p>{DESCRIPTION}</p>
    </section>
  );
}

export default function Showcase(): ReactNode {
  return (
    <Layout title={TITLE} description={DESCRIPTION}>
      <main className="margin-vert--lg">
        <Header />
        <Cards />
      </main>
    </Layout>
  );
}
